<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="icon" href="../favicon.ico">
	<link rel="stylesheet" href="../style.min.css">
	<title>Fonts | CreepJS</title>
</head>
<body>
	<style>
		.total {
			border: 1px solid #aaa6;
			padding: 0 2px;
		}
	</style>
	<div id="fingerprint-data">
		<div id="visitor-fingerprint" class="visitor-info relative">
			<span class="aside-note">0ms</span>
			<strong>Fonts</strong> <span>computing...</span>
		</div>
		<div class="flex-grid">
			<div id="fontfaceset" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>FontFaceSet</strong>
				<div class="relative">check:</div>
			</div>
			<div id="fontface" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>FontFace</strong>
				<div class="relative">load:</div>
			</div>
		</div>
		<div class="flex-grid">
			<div id="text-metrics" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>TextMetrics</strong>
				<div class="relative">combined:</div>
				<div class="relative">ascent:</div>
				<div class="relative">descent:</div>
				<div class="relative">left:</div>
				<div class="relative">right:</div>
				<div class="relative">width:</div>
				<div class="relative">font ascent:</div>
				<div class="relative">font descent:</div>
			</div>
			<div id="text-metrics-offscreen" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>TextMetrics Offscreen</strong>
				<div class="relative">combined:</div>
				<div class="relative">ascent:</div>
				<div class="relative">descent:</div>
				<div class="relative">left:</div>
				<div class="relative">right:</div>
				<div class="relative">width:</div>
				<div class="relative">font ascent:</div>
				<div class="relative">font descent:</div>
			</div>
		</div>
		<div class="flex-grid">
			<div id="svgrect" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>SVGRect</strong>
				<div class="relative">combined:</div>
				<div class="relative">width:</div>
				<div class="relative">height:</div>
				<div class="relative">y:</div>
				<div class="relative">char width:</div>
				<div class="relative">char height:</div>
				<div class="relative">char y:</div>
				<div class="relative">sub string:</div>
				<div class="relative">text length:</div>
			</div>
			<div id="domrect" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>DOMRect</strong>
				<div class="relative">client:</div>
				<div class="relative">bounding:</div>
				<div class="relative">client range:</div>
				<div class="relative">bounding range:</div>
			</div>
		</div>
		<div class="flex-grid">
			<div id="pixels" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>Pixels</strong>
				<div class="relative">pixel:</div>
				<div class="relative">size:</div>
				<div class="relative">perspective:</div>
				<div class="relative">transform:</div>
			</div>
			<div id="lengths" class="col-six relative">
				<span class="aside-note">0ms</span>
				<strong>Lengths</strong>
				<div class="relative">offset:</div>
				<div class="relative">client:</div>
				<div class="relative">scroll:</div>
			</div>
		</div>
		<div id="supported-list">Computing...</div>
	</div>
	<script src="fonts.js"></script>
</body>
</html>